<template>
	<svg :style='{width:width,height:height,fontSize:fontSize}' aria-hidden='true'
	xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 448 512"><path d="M448 32c-83.3 11-166.8 22-250 33c-92 12.5-163.3 86.7-169 180c-3.3 55.5 18 109.5 57.8 148.2L0 480c83.3-11 166.5-22 249.8-33c91.8-12.5 163.3-86.8 168.7-179.8c3.5-55.5-18-109.5-57.7-148.2L448 32zm-79.7 232.3c-4.2 79.5-74 139.2-152.8 134.5c-79.5-4.7-140.7-71-136.3-151c4.5-79.2 74.3-139.3 153-134.5c79.3 4.7 140.5 71 136.1 151z" fill="currentColor" /></svg>
</template>
<script setup lang='ts'>
const props = defineProps({
	width    : { type : String, require : false, default : '1em' },
	height   : { type : String, require : false, default : '1em' },
	fontSize : { type : String, require : false, default : 'inherit' }
});
</script>
